import { ToDo } from "@/TYPE/types";
import { TodoItem } from "./TodoItem";
interface TodoListProps{
    todos:Array<ToDo>
    deleteTodo:(id:number)=>void;
    toggleTodo:(id:number)=>void;
}
export function TodoList({todos,deleteTodo,toggleTodo}:TodoListProps) {
    console.log('触发5',todos)
    return (
        <>
           <ul>
            {todos.map(todo=>(
                <TodoItem todo={todo} key={todo.id} deleteTodo={deleteTodo} toggleTodo={toggleTodo}></TodoItem>
            ))}
            </ul>   
        </>
    );
}